<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>常见的基本语法规则</title>
		<style type="text/css">
			/*ID样式*/
			#d1 {
				background-color: blanchedalmond;
				width:400px;
				height:200px;
				border: 1px solid red;/*一个像素的大小实线红色*/
				float: left;
				/* 边距*/
				margin-right: 10px;
				
			}
			/*类样式*/
			.c1{
				width: 200px;
				height: 100px;
				background-color: aqua;
				
			}
		</style>
		<link rel="stylesheet" type="text/css" href="test1.css" />
	</head>
	<body>
		<div id ="d1" class"c1">
		div1
		<p>你是p标签</p>
		<div class= "c1"></div>
		div2
			<p>p标签</p>
			<p><img src="file:///D:/大实训/big-practical-training/web123/img/捕获.JPG"</p>

		</div>
		<ul class="ul1">
			<li><a href="#">购物车</a></li>
			<li><a href="#">注册</a></li>
			<li><a href="#">登录</a></li>
			<li><a href="#">登录</a></li>
			<li><a href="#">爱好</a></li>
		</ul>

	</body>
</html>
